<template>
  <div>
    <van-nav-bar title="关于我们" left-arrow @click-left="backUp"></van-nav-bar>
    <section class="msg-detail">
      <h4>{{about.title}}</h4>
      <p>{{about.content}}</p>
    </section>
  </div>
</template>
<script>
import url from "@/utils/api.js";

export default {
  name: "about",
  components: {},
  data() {
    return {
      about: {}
    };
  },
  mounted() {
    this.getAbout();
  },
  methods: {
    getAbout() {
      this.$axios({
        method: "get",
        url: url.about,
        params: {
          token: localStorage.getItem("token")
        }
      }).then(res => {
        console.log(res);
        this.about = res;
      });
    },
    backUp() {
      this.$router.go(-1);
    }
  }
};
</script>
<style lang="less" scoped>
@import "~style/common.less";
.msg-detail {
  padding: 0 15px;
  padding-top: 10px;
  h4 {
    text-align: center;
    .font-dpr(15px);
    color: @fontColorH3;
    line-height: 3;
  }
  .msg-time {
    display: flex;
    justify-content: space-between;
    .font-dpr(11px);
    color: @tipColor;
    line-height: 3;
  }
  p {
    .font-dpr(14px);
    color: @fontColorH3;
    &::first-line {
      text-indent: 2em;
    }
    line-height: 2;
  }
}
</style>
